﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Feast - Menu</title>
    <link rel="stylesheet" href="css/site.css">
    <link rel="stylesheet" href="css/menu.css">
</head>
<body>
<header>
    <nav>
        <a href="index.html">Home</a>
        <a href="menu.html">Menu</a>
        <a href="about.html">About</a>
    </nav>
</header>

<main>
    <div class="hero">
        <img src="images/hero.jpg" alt="" aria-hidden="true">
        <div class="hero-text">
            <h1>Menu</h1>
            <p>San Francisco's #1 Food Joint</p>
        </div>
    </div>

    <div class="main-info">
        <h2>Destination Dining at its Finest</h2>
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit.Vel debitis obit laborum,iure quaeart eat total id it.The best food.
        </p>
    </div>


    <div class="food-menu">
        <h2>Appetizers</h2>
        <ul class="foot-items">
            <li>App One - $8.99</li>
            <li>App Two - $3.09</li>
            <li>App Three - $10.912</li>
            <li>App Four - $19.07</li>
        </ul>

        <h2>Entrees</h2>
        <ul class="foot-items">
            <li>Main item One - $8.99</li>
            <li>Main item Two - $3.09</li>
            <li>Main item Three - $10.912</li>
            <li>Main item Four - $19.07</li>
        </ul>

        <h2>Desserts</h2>
        <ul class="foot-items">
            <li>Desserts One - $8.99</li>
            <li>Desserts Two - $3.09</li>
            <li>Desserts Three - $10.912</li>
            <li>Desserts Four - $19.07</li>
        </ul>

    </div>


</main>

<footer>
    &copy; Feast Restaurant 2027. Designed by Moriarty Tim.
</footer>
</body>
</html>